@import '../../colors.scss';

.help-dialog {
    .table-of-contents {
        list-style: none;
        margin: 0;
        padding: 0 25px 0 0;
        li.toc-heading {
            margin-bottom: 0;
            a {
                cursor: pointer;
                color: blue;
                text-decoration: underline;
            }
            @for $level from 1 through 6 {
                &.level-#{$level} {
                    padding-inline-start: #{40 * ($level)}px;
                }
            }
        }
    }
    .content {
        code {
            border: 1px solid color(panel-dark);
        }
    }
}
